<template>
	<view class="empty-box">
		<image class="empty-icon" src="/static/logo/nodata.png" mode="scaleToFill"></image>
		<text class="font-tip">{{ text }}</text>
	</view>
</template>

<script>
export default {
	name: 'empty',
	props: {
		text: {
			type: String,
			default: ''
		}
	},
	data() {
		return {};
	}
};
</script>

<style lang="scss">
.empty-box {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: white;
	.empty-icon{
		margin-top: 20%;
	}
	.font-tip {
		color: #82b5fc;
	}
}
</style>
